<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../style/font_eye/iconfont.css">
    <!-- 自定义css样式 -->
    <link rel="stylesheet" href="../style/login.css">
    <!--立即执行函数改变根目录大小 ，ajax请求函数js-->
    <script src="../script/index.js"></script>
    <!-- 自定js -->
    <script src="../script/login.js"></script>
    <title>登录</title>
</head>

<body>
    <div class="login">
        <ul>
            <li class="close">x</li>
            <li>遇到问题</li>
        </ul>
        <p>账号密码登录</p>
        <form action="../views/homePage.html" method="get">
            <ul>
                <li>
                    <input type="text" pattern="1[35789]{1}[0-9]{9}" required oninput="setCustomValidity('');"
                        oninvalid="setCustomValidity('请输入正确格式的账号/手机号/邮箱');" maxlength="11" autofocus
                        placeholder="请输入账号/手机号/邮箱" class="accountNum">
                </li>
                <li>
                    <input type="password" required oninput="setCustomValidity('');"
                        oninvalid="setCustomValidity('请输入六位正确密码');" placeholder="请输入密码" minlength="6" maxlength="6"
                        class="pwd">
                    <i class="icon iconfont icon-eye1"></i>
                </li>
                <li>
                    <input type="submit" class="btn" value="登录">
                </li>
                <li>
                    <p>手机验证码登录</p>
                </li>
            </ul>
        </form>
        <footer>
            <ul>
                <li>点击登录，即代表已阅读并同意</li>
                <li>隐私政策</li>
                <li>和</li>
                <li>用户协议</li>
            </ul>
        </footer>
    </div>
</body>

</html>